<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="Dados Produto"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <h:form>
                <h:panelGrid columns="5" style="margin-bottom: 20px;">
                    <h:commandButton styleClass="btn btn-mini btn-primary" action="Edit" value="Editar produto" />
                    <p:spacer width="10" height="10"/>
                    <h:commandButton styleClass="btn btn-mini btn-primary"  action="#{produtoController.prepareCreate}" value="Novo produto" />
                    <p:spacer width="10" height="10"/>
                    <h:commandButton styleClass="btn btn-mini btn-primary" action="#{produtoController.prepareList}" value="Produtos"/>
                </h:panelGrid>
                <fieldset>
                    <legend align="left"><h:outputText value="#{produtoController.selected.prodNome}"/></legend>
                </fieldset>
                <div class="row">
                    <div class="col-md-3" align="left">
                        <h:outputText value="Código:" style="font-style: oblique;"/>
                    </div>
                    <div class="col-md-6" align="left">
                        <h:outputText value="#{produtoController.selected.id}"/>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3" align="left">
                        <h:outputText value="Preço:" style="font-style: oblique;"/>
                    </div>
                    <div class="col-md-6" align="left">
                        <h:outputText value="#{produtoController.selected.preco}">  <f:converter converterId="moneyConverter"/> </h:outputText>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3" align="left">
                        <h:outputText value="Categoria:" style="font-style: oblique;"/>
                    </div>
                    <div class="col-md-6" align="left">
                        <h:outputText value="#{produtoController.selected.cat.catNome}"/>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3" align="left">
                        <h:outputText value="Imagem:" style="font-style: oblique;"/>
                    </div>
                    <div class="col-md-6" align="left">
                        <h:graphicImage library="img" name="#{produtoController.selected.imagem}"/>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3" align="left">
                        <h:outputText value="Descrição:" style="font-style: oblique;"/>
                    </div>
                    <div class="col-md-6" align="left">
                        <h:outputText value="#{produtoController.selected.descGd}"/>
                    </div>
                </div>
            </h:form>
        </ui:define>
    </ui:composition>

</html>
